* {
    margin: 0;
    padding: 0;
}

a:hover,
a:focus {
    text-decoration: underline;
}

li {
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
}

body {}

.head {
    height: 50px;
}

.head span {
    height: 50px;
    position: relative;
    float: left;
}

.head .c1 {
    width: 9%;
    background-color: #DF2D32;
}

.head .c2 {
    width: 11%;
    background-color: #0E4684;
}

.head .c3 {
    width: 29%;
    background-color: #007E89;
}

.head .c4 {
    width: 23%;
    background-color: #DF2D32;
}

.head .c5 {
    width: 14%;
    background-color: #0E4684;
}

.head .c6 {
    width: 14%;
    background-color: #007E89;
}

.head h1 {
    position: absolute;
    float: left;
    line-height: 50px;
    padding-left: 50px;
    color: #fff;
}

.box {
    width: 980px;
    margin: 8px auto;
}

.left-box {
    width: 300px;
    float: left;
}

.right-box {
    width: 677px;
    float: left;
}

.menu {
    padding: 0 10px;
}

.menu-1 {
    margin-bottom: 4px;
}

.menu-1 h4 {
    color: #fff;
    background-color: #428bca;
    padding: 2px 4px;
    border: 1px solid #428bca;
    border-radius: 4px;
    cursor: pointer;
    font-family: "Microsoft YaHei";
}

.menu-1.active h4 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.menu-1.active .menu-2 {
    display: block;
}

.menu-2 {
    display: none;
    border-left: 1px solid #428bca;
    border-right: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 2px 4px;
}

.menu-2 li {
    color: #000;
    cursor: pointer;
}

.menu-2 li.active {
    color: #fff;
    background-color: #357ebd;
    border-radius: 4px;
}

.content {
    padding: 0 10px;
}

.action {
    position: relative;
    display: table;
    border-collapse: separate;
    padding: 8px 0;
}

.action span {
    border: 1px solid #ccc;
    display: table-cell;
    padding: 0 10px;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-family: Consolas;
    font-size: 15px;
    font-weight: 700;
}

.action input {
    border: 1px solid #ccc;
    display: table-cell;
    line-height: 32px;
    padding: 0 4px;
    width: 500px;
    height: 32px;
    font-family: Consolas;
    font-size: 15px;
}

.action button {
    border: 1px solid #ccc;
    display: table-cell;
    line-height: 32px;
    padding: 0 4px;
    width: 60px;
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
}

textarea {
    width: 100%;
    font-family: Consolas;
    overflow: auto;
    word-break: break-all;
    padding: 2px;
}

.clear-both {
    clear: both;
}

.data-box {
    padding: 10px;
}

.data-box table  {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.data-box table th,td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2px 4px;
    white-space: normal;
}

.data-box table th {
    color: #357ebd;
    cursor: pointer;
}

.data-box table td {
    color: #000;
}

em {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 0 4px 2px 0;
    cursor: pointer;
    border-radius: 4px;
}

em:hover {
    color: #fff;
    background-color: #ccc;
}